$(function () {
    var img = $(".options_Img");
    var user = $(".username");
    var more = $(".more");
    $(document).ready(function () {
        user.mouseover(function () {
            img.attr('src','/Web_img/Shopping_cart_1.png');
            more.stop().slideDown("slow");
        });
        user.mouseout(function () {
            img.attr('src','/Web_img/Shopping_cart_2.png');
            more.stop().slideUp("slow");
        });
    });
    $(document).ready(function () {
        more.mouseover(function () {
            more.css("display","block");
            more.stop().slideDown("slow");
        });
        more.mouseout(function () {
            more.css("display","none");
            more.stop().slideUp("slow");
        });
    });
    var edit_Address = $(".edit_Address")
    var region_selection = $(".region_selection")
    $(document).ready(function () {
        edit_Address.click(function () {
            region_selection.css("display","block")
        })
    })
    var remove_Img = $(".remove_Img")
    $(document).ready(function () {
        remove_Img.click(function () {
            region_selection.css("display","none")
        })
    })
    var cancel = $(".cancel")
    $(document).ready(function () {
        cancel.click(function () {
            var hint = $(".hint")
            hint.css("display","none")
        })
    })
    var revise = $(".revise")
    $(document).ready(function () {
        revise.click(function () {
            var hint = $(".hint")
            hint.css("display","block")
        })
    })
    var hint_Img = $(".hint_Img")
    $(document).ready(function () {
        hint_Img.click(function () {
            var hint = $(".hint")
            hint.css("display","none")
        })
    })
})
var hint_Title = document.getElementsByClassName("hint_Img");
function show_Imgred() {
    hint_Title[0].src ="/Web_img/×_red.png"
}
function disappear_Img() {
    hint_Title[0].src ="/Web_img/×.png"
}
function name_Up() {
    var name = document.getElementsByClassName("name");

    var word = document.getElementsByClassName("name_Title")
    word[0].style.transform = "translate3d(0px,-20px,500px)";
    word[0].style.fontSize = "12px";

    var revise_Name = document.getElementsByClassName("revise_Name");
    if  (name[0] == document.activeElement) {
        revise_Name[0].style.border = "1px solid #FF6700"
    }
}
function name_Down() {
    var name = document.getElementsByClassName("name");
    if (name[0].value.length == 0){
        var word = document.getElementsByClassName("name_Title")
        word[0].style.transform = "translate3d(0px,0px,500px)";
        word[0].style.fontSize = "16px";
    }
    var revise_Name = document.getElementsByClassName("revise_Name");
    revise_Name[0].style.border = "1px solid #E0E0E0"
}
function phone_Up() {
    var word = document.getElementsByClassName("phone_Title")
    word[0].style.transform = "translate3d(0px,-20px,500px)";
    word[0].style.fontSize = "12px";
    var revise_Name = document.getElementsByClassName("revise_Name")
    var phone_Number = document.getElementsByClassName("phone_Number")
    if  (phone_Number[0] == document.activeElement) {
        revise_Name[1].style.border = "1px solid #FF6700"
    }
}
function phone_Down() {
    var name = document.getElementsByClassName("phone_Number");
    if (name[0].value.length == 0){
        var word = document.getElementsByClassName("phone_Title")
        word[0].style.transform = "translate3d(0px,0px,500px)";
        word[0].style.fontSize = "16px";
    }
    var revise_Name = document.getElementsByClassName("revise_Name")
    revise_Name[1].style.border = "1px solid #E0E0E0"
}
function area(my) {
    var click_Area = my.text
    var cities = [{
        "id":1,
        "name0":"北京市"
    },{
        "id":2,
        "name0":"天津市"
    },{
        "id":3,
        "name0":"石家庄市",
        "name1":"唐山市",
        "name2":"秦皇岛市",
        "name3":"邯郸市",
        "name4":"邢台市",
        "name5":"保定市",
        "name6":"张家口市",
        "name7":"承德市",
        "name8":"沧州市",
        "name9":"廊坊市",
        "name10":"衡水市"
    },{
        "id":4,
        "name0":"太原市",
        "name1":"大同市",
        "name2":"阳泉市",
        "name3":"长治市",
        "name4":"晋中市",
        "name5":"朔州市",
        "name6":"张家口市",
        "name7":"忻州市",
        "name8":"沧州市",
        "name9":"临汾市",
        "name10":"吕梁市"
    },{
        "id":5,
        "name0":"呼和浩特市",
        "name1":"包头市",
        "name2":"乌海市",
        "name3":"赤峰市",
        "name4":"通辽市",
        "name5":"鄂尔多斯市",
        "name6":"呼伦贝尔市",
        "name7":"巴彦淖尔市",
        "name8":"乌兰察布市",
        "name9":"兴安盟锡林郭勒盟",
        "name10":"阿拉善盟"
    },{
        "id":6,
        "name0":"沈阳市",
        "name1":"大连市",
        "name2":"鞍山市",
        "name3":"抚顺市",
        "name4":"丹东市",
        "name5":"锦州市",
        "name6":"营口市",
        "name7":"阜新市",
        "name8":"辽阳市",
        "name9":"铁岭市",
        "name10":"朝阳市",
        "name11":"葫芦岛市"
    },{
        "id":7,
        "name0":"长春市吉林市",
        "name1":"四平市",
        "name2":"辽源市",
        "name3":"通化市",
        "name4":"白山市",
        "name5":"松原市",
        "name6":"延边朝鲜族自治州"
    },{
        "id":8,
        "name0":"哈尔滨市",
        "name1":"齐齐哈尔市",
        "name2":"鸡西市",
        "name3":"鹤岗市",
        "name4":"双鸭山市",
        "name5":"大庆市",
        "name6":"佳木斯市",
        "name7":"七台河市",
        "name8":"牡丹江市",
        "name9":"黑河市",
        "name10":"绥化市",
        "name11":"大兴安岭地区"
    },{
        "id":9,
        "name0":"上海市",
    },{
        "id":10,
        "name0":"南京市",
        "name1":"无锡市",
        "name2":"徐州市",
        "name3":"常州市",
        "name4":"苏州市",
        "name5":"淮安市",
        "name6":"盐城市",
        "name7":"扬州市",
        "name8":"镇江市",
        "name9":"泰州市",
        "name10":"宿迁市"
    },{
        "id":11,
        "name0":"杭州市",
        "name1":"宁波市",
        "name2":"温州市",
        "name3":"湖州市",
        "name4":"绍兴市",
        "name5":"衢州市",
        "name6":"舟山市",
        "name7":"台州市",
        "name8":"丽水市"
    },{
        "id":12,
        "name0":"合肥市",
        "name1":"芜湖市",
        "name2":"蚌埠市",
        "name3":"淮南市",
        "name4":"马鞍山市",
        "name5":"淮北市",
        "name6":"铜陵市",
        "name7":"安庆市",
        "name8":"黄山市",
        "name9":"滁州市",
        "name10":"阜阳市",
        "name11":"宿州市",
        "name12":"六安市",
        "name13":"亳州市",
        "name14":"池州市",
        "name15":"宣城市"
    },{
        "id":13,
        "name0":"福州市",
        "name1":"厦门市",
        "name2":"莆田市",
        "name3":"三明市",
        "name4":"南平市",
        "name5":"漳州市",
        "name6":"龙岩市",
        "name7":"安庆市",
        "name8":"宁德市"
    },{
        "id":14,
        "name0":"南昌市",
        "name1":"景德镇市",
        "name2":"萍乡市",
        "name3":"九江市",
        "name4":"新余市",
        "name5":"赣州市",
        "name6":"吉安市",
        "name7":"安庆市",
        "name8":"宜春市",
        "name9":"抚州市",
        "name10":"上饶市"
    },{
        "id":15,
        "name0":"济南市",
        "name1":"青岛市",
        "name2":"淄博市",
        "name3":"枣庄市",
        "name4":"济宁市",
        "name5":"泰安市",
        "name6":"威海市",
        "name7":"安庆市",
        "name8":"临沂市",
        "name9":"德州市",
        "name10":"聊城市",
        "name11":"滨州市",
        "name12":"菏泽市"
    },{
        "id":16,
        "name0":"郑州市",
        "name1":"开封市",
        "name2":"洛阳市",
        "name3":"平顶山市",
        "name4":"安阳市",
        "name5":"鹤壁市",
        "name6":"新乡市",
        "name7":"焦作市",
        "name8":"省直辖县级行政区划",
        "name9":"濮阳市",
        "name10":"许昌市",
        "name11":"漯河市",
        "name12":"三门峡市",
        "name13":"南阳市商丘市",
        "name14":"信阳市",
        "name15":"周口市",
        "name16":"驻马店市"
    },{
        "id":17,
        "name0":"武汉市",
        "name1":"黄石市",
        "name2":"十堰市",
        "name3":"宜昌市",
        "name4":"襄阳市",
        "name5":"鄂州市",
        "name6":"荆门市",
        "name7":"孝感市",
        "name8":"荆州市",
        "name9":"黄冈市",
        "name10":"咸宁市",
        "name11":"随州市",
        "name12":"恩施土家族苗族自治州",
        "name13":"省直辖县级行政单位",
        "name14":"天门市"
    },{
        "id":18,
        "name0":"长沙市",
        "name1":"株洲市",
        "name2":"湘潭市",
        "name3":"衡阳市",
        "name4":"邵阳市",
        "name5":"岳阳市",
        "name6":"常德市",
        "name7":"张家界市",
        "name8":"益阳市",
        "name9":"郴州市",
        "name10":"永州市",
        "name11":"怀化市",
        "name12":"娄底市",
        "name13":"湘西土家族苗族自治州"
    },{
        "id":19,
        "name0":"广州市",
        "name1":"韶关市",
        "name2":"深圳市",
        "name3":"珠海市",
        "name4":"佛山市",
        "name5":"江门市",
        "name6":"湛江市",
        "name7":"茂名市",
        "name8":"肇庆市",
        "name9":"惠州市",
        "name10":"梅州市",
        "name11":"汕尾市",
        "name12":"河源市",
        "name13":"阳江市",
        "name14":"清远市",
        "name15":"潮州市",
        "name16":"揭阳市",
        "name17":"云浮市",
        "name18":"东莞市",
        "name19":"中山市"
    },{
        "id":20,
        "name0":"南宁市",
        "name1":"柳州市",
        "name2":"梧州市",
        "name3":"北海市",
        "name4":"防城港市",
        "name5":"钦州市",
        "name6":"贵港市",
        "name7":"玉林市",
        "name8":"百色市",
        "name9":"贺州市",
        "name10":"河池市",
        "name11":"来宾市",
        "name12":"崇左市"
    },{
        "id":21,
        "name0":"海口市",
        "name1":"省直辖县级行政单位",
        "name2":"三亚市"
    },{
        "id":22,
        "name0":"重庆市"
    },{
        "id":23,
        "name0":"成都市",
        "name1":"自贡市",
        "name2":"攀枝花市",
        "name3":"泸州市",
        "name4":"德阳市",
        "name5":"绵阳市",
        "name6":"广元市",
        "name7":"遂宁市",
        "name8":"内江市",
        "name9":"乐山市",
        "name10":"南充市",
        "name11":"眉山市",
        "name12":"宜宾市",
        "name13":"广安市",
        "name14":"达州市",
        "name15":"雅安市",
        "name16":"巴中市",
        "name17":"资阳市",
        "name18":"阿坝藏族羌族自治州",
        "name19":"甘孜藏族自治州凉山彝族自治州"
    },{
        "id":24,
        "name0":"贵阳市",
        "name1":"六盘水市",
        "name2":"遵义市",
        "name3":"安顺市",
        "name4":"黔西南布依族苗族自治州",
        "name5":"毕节市黔东南苗族侗族自治州",
        "name6":"黔南布依族苗族自治州",
        "name7":"铜仁市"
    },{
        "id":25,
        "name0":"昆明市",
        "name1":"曲靖市",
        "name2":"玉溪市",
        "name3":"保山市",
        "name4":"昭通市",
        "name5":"丽江市",
        "name6":"普洱市",
        "name7":"临沧市",
        "name8":"楚雄彝族自治州红河哈尼族彝族自治州",
        "name9":"文山壮族苗族自治州",
        "name10":"西双版纳傣族自治州",
        "name11":"大理白族自治州",
        "name12":"德宏傣族景颇族自治州",
        "name13":"怒江傈僳族自治州",
        "name14":"迪庆藏族自治州"
    },{
        "id":26,
        "name0":"拉萨市",
        "name1":"昌都地区山南地区",
        "name2":"日喀则市",
        "name3":"那曲市",
        "name4":"阿里地区",
        "name5":"林芝地区",
        "name6":"林芝市"

    },{
        "id":27,
        "name0":"西安市",
        "name1":"铜川市",
        "name2":"宝鸡市",
        "name3":"咸阳市",
        "name4":"渭南市",
        "name5":"延安市",
        "name6":"汉中市",
        "name7":"榆林市",
        "name8":"安康市",
        "name9":"商洛市"
    },{
        "id":28,
        "name0":"兰州市",
        "name1":"嘉峪关市",
        "name2":"金昌市",
        "name3":"白银市",
        "name4":"天水市",
        "name5":"武威市",
        "name6":"张掖市",
        "name7":"平凉市",
        "name8":"酒泉市",
        "name9":"庆阳市",
        "name10":"定西市",
        "name11":"陇南市",
        "name12":"临夏回族自治州",
        "name13":"甘南藏族自治州"
    },{
        "id":29,
        "name0":"西宁市",
        "name1":"海东市",
        "name2":"海北藏族自治州",
        "name3":"黄南藏族自治州",
        "name4":"海南藏族自治州",
        "name5":"果洛藏族自治州",
        "name6":"玉树藏族自治州",
        "name7":"海西蒙古族藏族自治州"
    },{
        "id":30,
        "name0":"银川市",
        "name1":"石嘴山市",
        "name2":"吴忠市",
        "name3":"固原市",
        "name4":"中卫市"
    },{
        "id":30,
        "name0":"乌鲁木齐市",
        "name1":"克拉玛依市",
        "name2":"吐鲁番市",
        "name3":"哈密地区",
        "name4":"昌吉回族自治州",
        "name5":"博尔塔拉蒙古自治州",
        "name6":"巴音郭楞蒙古自治州",
        "name7":"阿克苏地区",
        "name8":"克孜勒苏柯尔克孜自治州",
        "name9":"喀什地区和田地区",
        "name10":"伊犁哈萨克自治州",
        "name11":"塔城地区",
        "name12":"阿勒泰地区",
        "name13":"省直辖县级行政单位直辖县级市",
        "name14":"哈密市博州"
    }]
    var zz = [{
        "name":"株洲",
        "name0":"荷塘区",
        "name1":"芦淞区",
        "name2":"石峰区",
        "name3":"天元区",
        "name4":"攸县",
        "name5":"茶陵县",
        "name6":"炎陵县",
        "name7":"醴陵市",
        "name8":"渌口区"
    }]
    var jd = [{
        "name":"街道",
        "name0":"茨菇塘街道",
        "name1":"桂花街道",
        "name2":"金山街道",
        "name3":"明照乡",
        "name4":"宋家桥街道",
        "name5":"仙庾镇",
        "name6":"月塘街道"
    }]
    var oop = new JQuery_oop();
    var province = document.getElementsByClassName("province");
    var city = document.getElementsByClassName("city");
    if (click_Area == "北京"){
        var arr = cities[0];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"

    }else if(click_Area == "天津"){
        var arr = cities[1];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "河北"){
        var arr = cities[2];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "山西"){
        var arr = cities[3];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "内蒙古"){
        var arr = cities[4];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "辽宁"){
        var arr = cities[5];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "吉林"){
        var arr = cities[6];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "黑龙江"){
        var arr = cities[7];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "上海"){
        var arr = cities[8];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "江苏"){
        var arr = cities[9];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "浙江"){
        var arr = cities[10];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "安徽"){
        var arr = cities[11];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "福建"){
        var arr = cities[12];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "江西"){
        var arr = cities[13];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "山东"){
        var arr = cities[14];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "河南"){
        var arr = cities[15];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "湖北"){
        var arr = cities[16];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "湖南"){
        var arr = cities[17];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"

    }else if (click_Area == "广东"){
        var arr = cities[18];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "广西"){
        var arr = cities[19];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "海南"){
        var arr = cities[20];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "重庆"){
        var arr = cities[21];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "四川"){
        var arr = cities[22];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "贵州"){
        var arr = cities[23];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "云南"){
        var arr = cities[24];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "西藏"){
        var arr = cities[25];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "陕西"){
        var arr = cities[26];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "甘肃"){
        var arr = cities[27];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "青海"){
        var arr = cities[28];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "宁夏"){
        var arr = cities[29];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "新疆"){
        var arr = cities[30];
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }
        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        province[0].innerText = ""+click_Area;
        province[0].style.color = "#FF6700"
        province[0].style.cursor = "pointer"
        city[0].style.display = "block"
    }else if (click_Area == "株洲市"){
        var arr = zz[0]
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }

        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        var city = document.getElementsByClassName("city");
        var districts_Counties = document.getElementsByClassName("districts_Counties");
        city[0].innerText = ""+click_Area;
        city[0].style.color = "#FF6700"
        districts_Counties[0].style.display = "block"
    }else if (click_Area == "荷塘区"){
        var arr = jd[0]
        var size = oop.jsonlenth(arr)
        var no_Change;
        var area = document.getElementsByClassName("area")
        for (let i = 0; i < size-1; i++) {
            area[i].innerText = arr["name"+i];
            no_Change = i+1;
        }

        for (no_Change; no_Change < area.length; no_Change++) {
            area[no_Change].innerText = " ";
        }

        var districts_Counties = document.getElementsByClassName("districts_Counties")
        var delivery_Area = document.getElementsByClassName("delivery_Area")
        districts_Counties[0].innerText = ""+click_Area;
        districts_Counties[0].style.color = "#FF6700"
        delivery_Area[0].style.display = "block"
    }else if(click_Area == "月塘街道"){
        var province = document.getElementsByClassName("province")
        var city = document.getElementsByClassName("city")
        var districts_Counties = document.getElementsByClassName("districts_Counties")
        var address_Word = document.getElementsByClassName("address_Word")
        address_Word[0].innerText = province[0].innerHTML+" " +
            " "+city[0].innerHTML+"  "+districts_Counties[0].innerHTML+"  "+click_Area

        var region_selection = document.getElementsByClassName("region_selection");
        region_selection[0].style.display = "none"
    }
}
function provinces_Show() {
    var provinces = [{
        "name0":"北京",
        "name1":"天津",
        "name2":"河北",
        "name3":"山西",
        "name4":"内蒙古",
        "name5":"辽宁",
        "name6":"吉林",
        "name7":"黑龙江",
        "name8":"上海",
        "name9":"江苏",
        "name10":"浙江",
        "name11":"安徽",
        "name12":"福建",
        "name13":"江西",
        "name14":"山东",
        "name15":"河南",
        "name16":"湖北",
        "name17":"湖南",
        "name18":"广东",
        "name19":"广西",
        "name20":"海南",
        "name21":"重庆",
        "name22":"四川",
        "name23":"贵州",
        "name24":"云南",
        "name25":"西藏",
        "name26":"陕西",
        "name27":"甘肃",
        "name28":"青海",
        "name29":"宁夏",
        "name30":"新疆",
    }]
    var area = document.getElementsByClassName("area")
    for (let i = 0; i < 31; i++) {
        var arr = provinces[0];
        area[i].innerText = arr["name"+i];
    }
}
function address_Up() {
    var address_Character = document.getElementsByClassName("address_Character")
    address_Character[0].style.transform = "translate3d(0px,-20px,500px)"
    address_Character[0].style.fontSize = "12px"
    var specific_address = document.getElementsByClassName("specific_address")
    if  (specific_address[0] == document.activeElement) {
        specific_address[0].style.border = "1px solid #FF6700"
    }
}
function address_Down() {
    var address_Character = document.getElementsByClassName("address_Character")
    var specific_address = document.getElementsByClassName("specific_address")
    if (specific_address[0].value.length == 0){
        address_Character[0].style.transform = "translate3d(0px,0px,500px)"
        address_Character[0].style.fontSize = "16px"
    }
    specific_address[0].style.border = "1px solid #E0E0E0"
}
function label_Up() {
    var label_Word =document.getElementsByClassName("label_Word");
    var label = document.getElementsByClassName("label")
    label_Word[0].style.transform = "translate3d(0px,-17px,500px)"
    label_Word[0].style.fontSize = "12px"
    var address_Label = document.getElementsByClassName("address_Label")
    if  (address_Label[0] == document.activeElement) {
        label[0].style.border = "1px solid #FF6700"
    }
}
function label_Down() {
    var label_Word =document.getElementsByClassName("label_Word");
    var address_Label = document.getElementsByClassName("address_Label")
    var label = document.getElementsByClassName("label")
    if (address_Label[0].value.length == 0){
        label_Word[0].style.transform = "translate3d(0px,0px,500px)"
        label_Word[0].style.fontSize = "16px"
    }
    label[0].style.border = "1px solid #E0E0E0"
}
function change_Address() {
    var shipping_Address_Name = document.getElementsByClassName("shipping_Address_Name")
    var user_Name = shipping_Address_Name[0].firstChild;
    var name = document.getElementsByClassName("name")
    name[0].value =  user_Name.innerHTML;
    name_Up();


    var address_Label = shipping_Address_Name[0].lastChild;
    var address_Label2 = document.getElementsByClassName("address_Label")
    address_Label2[0].value = address_Label.innerHTML;
    label_Up();

    var shipping_Address_Telephone = document.getElementsByClassName("shipping_Address_Telephone")
    var phone = shipping_Address_Telephone[0].firstChild;
    var phone_Number = document.getElementsByClassName("phone_Number")
    phone_Number[0].value = phone.innerHTML
    phone_Up();

    var area_Show = document.getElementsByClassName("area_Show")
    var area_Show_Son = area_Show[0].firstChild;
    var address_Word = document.getElementsByClassName("address_Word")
    address_Word[0].innerText = area_Show_Son.innerHTML

    var address_Label = area_Show_Son.nextSibling.nextSibling;
    var specific_address = document.getElementsByClassName("specific_address")
    specific_address[0].value = address_Label.innerHTML
    address_Up();
}
function add_Enter(){
    var add_Address_Img = document.getElementsByClassName("add_Address_Img")
    var add_Address_Img_Son = add_Address_Img[0].firstChild
    var add_Address_Word = document.getElementsByClassName("add_Address_Word")
    add_Address_Img_Son.src = "/Web_img/settlement2.png"
    add_Address_Word[0].style.color = "#FF6700"
}

function add_Leave(){
    var add_Address_Img = document.getElementsByClassName("add_Address_Img")
    var add_Address_Word = document.getElementsByClassName("add_Address_Word")
    add_Address_Word[0].style.color = "#E0E0E0"
    var add_Address_Img_Son = add_Address_Img[0].firstChild
    add_Address_Img_Son.src = "/Web_img/settlement.png"
}
function add() {
    var hint = document.getElementsByClassName("hint");
    hint[0].style.display = "block"
    var change_Address_Title = document.getElementsByClassName("change_Address_Title")
    change_Address_Title[0].innerText = "添加地址"

    var name = document.getElementsByClassName("name");
    name[0].value = ""

    var phone_Number = document.getElementsByClassName("phone_Number");
    phone_Number[0].value = ""

    var specific_address = document.getElementsByClassName("specific_address");
    specific_address[0].value = ""

    var address_Label = document.getElementsByClassName("address_Label");
    address_Label[0].value = ""

    var address_Word =document.getElementsByClassName("address_Word")
    address_Word[0].innerText = "省级  市级  区县  区域"
}